<!DOCTYPE html>
<html lang="en">

<head>

	<meta charset="UTF-8"/>
	<title>SkillAPI - Dynamic Editor</title>
	
	<!-- other scripts are loaded in main.js -->
	<script src="editor/js/loader.js"></script>
	<script src="editor/js/main.js"></script>
	
	<link rel="stylesheet" href="editor/builderStyle.css" />
	<link rel="stylesheet" href="editor/style.css" />
    <link rel="stylesheet" href="editor/tooltips.css" />
	
</head>

<body>

	<!-- Site header -->
	<header>
		<h1>JunEffect</h1>
		<h2 style="color: blueviolet;">AntiThesis</h2>
	</header>

	<div id="version">
		<label for="version-select">
			Server
		</label>
		<select id="version-select">
			<option>1.13</option>
			<option>1.12</option>
			<option>1.11</option>
			<option>1.10</option>
			<option>1.9</option>
			<option>1.8</option>
			<option>1.7</option>
		</select>
	</div>
	
	<!-- IO Buttons -->
	<div id="io">
		<p class="ioText">交流群710180212&717131752</p>
		<button id="saveButton" class="ioButton">Backup All Data</button>
	</div>
	
	<!-- Display when the window is too small -->
	<div id="small">
		<p>Please enlarge your browser window or zoom out</p>
	</div>
	
	<div id="main">
		
		<!-- Skill/Class Tabs -->
		<div id="tabSpacer"></div>
		<div id="skillTab" class="tab tabLeft tabActive">
			Skills技能
		</div>
		<div  id="classTab" class="tab tabRight">
			Classes职业
		</div>
		
		<!-- Skill Content -->
		<div id="skills">
			
			<!-- Skill list -->
			<select id="skillList" size="30">
				<option selected="selected">Skill 1</option>
				<option>+ NewSkill(新技能)</option>
			</select>
			
			<!-- Effect builder -->
			<div id="builder">
				<h6 id="skillDetails">Details(参数)</h6>
				<h6 id="addTrigger">Triggers(添加触发器)</h6>
				<h6 id="saveSkill" class>Save Skill(保存)</h6>
				<h6 id="deleteSkill" class="cancelButton">Delete(删除)</h6>
				<div id="builderContent"></div>
			</div>
			
			<!-- Component editor -->
			<div id="skillForm">
			</div>
			
			<!-- Trigger selection -->
			<div id="triggerChooser">
				<h4>Triggers(触发器)</h4>
				
				<div id="triggerOptions"></div>
				
				<h5 class="cancelButton">Cancel(取消)</h5>
			</div>
			
			<!-- Component selection -->
			<div id="componentChooser">
			
				<h4>Targets(目标选择)</h4>
				<div id="targetOptions"></div>
				
				<h4>Conditions(条件判断)</h4>
				<div id="conditionOptions"></div>
				
				<h4>Mechanics(效果添加)</h4>
				<div id="mechanicOptions"></div>
				
				<hr/>
				<h5 class="cancelButton">Cancel</h5>
				
			</div>
		</div>
		
		<!-- Class Content -->
		<div id="classes">
		
			<!-- Class list -->
			<select id="classList" size="30">
				<option selected="selected">Class 1</option>
				<option>+ NewClass(新职业)</option>
			</select>
			
			<div id="classForm"></div>
		</div>
		
	</div>
	
	<!-- Site footer -->
	<!-- <footer>
		<a id="bukkit" href="https://www.spigotmc.org/resources/skillapi.4824/" target="_blank">Spigot</a>
		<a id="profile" href="https://github.com/Eniripsa96/SkillAPI/wiki" target="_blank">Wiki</a>
		<a id="source" href="https://github.com/Eniripsa96/SkillAPI/tree/master/editor" target="_blank">Source Code</a>
        <a id="irc" href="http://eniripsa96.github.io/SkillAPI/" target="_blank">原版编辑器</a>
	</footer> -->
   
    <div id="badBrowser">
        <p>JS发生异常！请等待或刷新...</p>
    </div>
</body>

</html>
